<div *ngIf="catalogue">
    <h2>{{catalogue.name}} details!</h2>
    <div><label>id: </label>{{catalogue.id}}</div>
    <div>
        <label>name: </label>
        <input [value]="catalogue.name" placeholder="name" #box/>
    </div>
    <!--<div>
        <ul *ngFor="let book of catalogue.booklists">
            <label>name: </label>{{book.name}}
        </ul>
    </div>-->
    <button (click)="save(box.value)">Save</button>
    <button (click)="goBack()">Back</button>
</div>